// 集中管理跟项目相关的hook通用方法
import { onMounted, ref } from "vue";

//提取主题颜色的Hook
export const useTheme = () => {
  // 动态获取并使用主题色
  const primaryColor = ref(); //响应式主题颜色
  onMounted(() => {
    //获取文档对象
    const el = document.documentElement;
    // 通过文档对象属性，获取全局主题色
    let mainColor = getComputedStyle(el).getPropertyValue(`--el-color-primary`);
    console.log("主题色", mainColor);
    primaryColor.value = mainColor;
  });
  return { primaryColor };
};
